<template>
  <mt-tabbar class="footer">
      <router-link to="/dealer">
        <mt-tab-item id="经销商查询">
        <img slot="icon" src="../../assets/images/f1.jpg" @click="dis()">
        经销商查询
        </mt-tab-item>
      </router-link>
    <router-link to="/fcoClub">
      <mt-tab-item id="Co:Club">
        <img slot="icon" src="../../assets/images/f2.jpg" @click="dis()">
        Co:Club
      </mt-tab-item>
    </router-link>
    <router-link to="/index">
      <mt-tab-item id="首页">
      <img slot="icon" src="../../assets/images/f3.jpg" @click="dis()">
      首页
      </mt-tab-item>
    </router-link>
    <router-link to="/buyCar">
      <mt-tab-item id="购车" >
        <img slot="icon" src="../../assets/images/f4.jpg" @click="dis()">
        购车
      </mt-tab-item>
    </router-link>
    <router-link to="/drive">
      <mt-tab-item id="试驾" >
        <img slot="icon" src="../../assets/images/f5.jpg" @click="dis()">
        试驾
      </mt-tab-item>
    </router-link>
  </mt-tabbar>
</template>

<script>
    export default {
        name: "Vfooter",
      methods:{
          dis(){
            this.$store.state.msg=false;
            this.$store.state.bd=''
            // console.log(this.$store.state.msg);

          }
      }
    }
</script>

<style scoped>
  a{
    text-decoration: none;
  }
  .footer{
    z-index: 5;
  }
  .mint-tabbar{
    position: fixed;
    bottom:0;
    background: #121c25;

  }
  .mint-tab-item{
    color:grey !important;
  }
  .footer a{
    width: 100%;
  }
</style>
